/*
	Myspace Open Source Stylesheet Initiative
	
	Version 0.9
	Myspace Consolidated

	Google Projects Page:  http://code.google.com/p/moshi/
	Blogger Page:  http://myspacecivilized.blogspot.com/
	Myspace Page:  http://www.myspace.com/moshi
	Author:  Tom at klenwell@gmail.com

	NOTES
	
	* paste stylesheet BELOW any other text in your myspace *About Me* section
	* do not paste these comments -- start at style tag

----------------------------------------------------------------------------- */



<div class="your_banner"><div class="banner_content">
<h2>moshi</h2>
<p>myspace open source hack initiative</p>
<p>version 0.9.3</p>
<h4>learn how to edit your own profile: <a href="http://myspacecivilized.blogspot.com/">myspacecivilized.blogspot.profile</a></h4>
</div></div>



<style type="text/css">

START { NO EDIT }
NOTE { JUNK DNA - default settings to reset formatting as much as possible... EDIT WITH CARE }

body {background:transparent;font-size:1px;line-height:1px;font-family:Arial,Helvetica,sans-serif !important;}
form {border-width:0px;background-color:transparent;}
table,tr,td,table tr,table td {border-width:0px;background-color:transparent;border-collapse:collapse;}
input {background-color:white !important;border-color:eeeeff;border-width:1px;border-style:solid;}
img {border-width:0px;background:transparent;}
br {line-height:8px;}

body table {border-width:0px;background-color:transparent;}
body div table, body td table {margin-top: 0;} 
table table,table table td {border-width:0px;background-color:transparent;}
table table table, table table table td {border-width:0px;background-color:transparent;}
table table table table, table table table table tr, table table table table td{border-width:0px;background-color:transparent;}
table table table table div {border-width:0px;background-color:transparent;}
.contactTable td table td {background-color:transparent; border-width:0px;}
body table div div { margin-top:0; width:800px; padding-bottom:10px; }

div table td,table table td {padding:4px 0;}
table table table {margin:4px 0; width:100%;}
table table td.text table {width:372px; max-width:372px;}
table table td.text table td table {width:auto;}
table table table td {padding:8px 4px;  margin:0px;}
table table table table, table table table table td{padding:0px; margin:0px;}
table table td.text table td img {padding:4px;}
.blacktext12:before {content: "Oh no! ";}

END { NO EDIT }





START { LAYOUT SETTINGS }

TOM { Page Background - coordinate with table div in footer section below }
body,table div  { background-color:white; }

TOM { Profile Background }
div table,table td { background-color:eeeeff; }

DNA { match color above to remove annoying little box borders }
table table td table,table table td table tr { border-color:eeeeff; }

CLASS { Content Boxes }
table table table td 
{ 
 background-color:ffffff;
 border-color:ccccff; border-width:1px; border-style:solid;
 padding:4px; 
}
CLASS { Content Boxes Left - overrides Content Boxes above }
table table td table td { border-color:ccccff; }

CLASS { Content Boxes Right - overrides Content Boxes above }
table table td.text table td { border-color:ccccff; }

TOM { Upper Navbar - below myspace ad banner }
div table table { border-color:ccccff; border-width: 1px 0px; border-style: solid; }
div table table td { background-color:white; padding:2px; }

TOM { Contact Table }
NOTE { fonts are all images - use background image for complete makeover }
.contactTable td { border-color:ccccff; border-width:1px; border-style:dotted; }

TOM { Footer - Lower Navbar }
body table div div
{
 background-color:white;
 border-color:ccccff; border-width: 1px 0 0; border-style: solid;
}

END { GLOBAL SETTINGS }



START { YOUR BANNER - below myspace masthead }

NOTE { left margin should be half the width and negative }
.your_banner 
{
 position: absolute; left: 50%; top: 170px;
 height: 150px; 
 width: 800px; margin-left: -400px;  
 overflow:hidden;
 font-family:Arial, Helvetica, sans-serif !important;
 background-image: url();
 background-position:center center;
 background-repeat:no-repeat;
 background-color:white;
 border-color:black; border-width: 8px 0; border-style: solid;
 color:cccccc;
}
.banner_content
{
 padding:10px 20px;
 border:none;
}
.your_banner h2 
{
 margin:0;
 font-family:Trebuchet MS, Helvetica, sans-serif;
 font-size:48px;
 font-weight:normal;
 color:cccccc;
}
.your_banner h4 
{
 margin:8px 0 0;
 font-size:16px;
 font-weight:normal;
 color:cccccc;
}
.your_banner p 
{
 margin:0;
 font-size:14px !important;
 font-weight:normal;
 color:cccccc;
}

NOTE { make room for the banner by padding top of profile table }
NOTE { setting below - banner height above = margin below your banner }
body table table td {padding-top:160px;}

DNA { control side effects }
div table table td {padding-top:0px;} 
body table table table td {padding-top:4px;}

END { YOUR BANNER }


</style>